<script lang="ts" setup>
import {ref,onMounted} from 'vue'
import { getFunctionNamesTreeApi } from '@/apis/functionTreeApi'

  const groupProps = {
    children: 'children',
    label: 'name',
  }
  const authList =ref([]) 
//   [
    // {
    //   id: 1,
    //   name: 'Level one 1',
    //   children: [
    //     {
    //       id: 4,
    //       name: 'Level two 1-1',
    //       children: [
    //         {
    //           id: 9,
    //           name: 'Level three 1-1-1',
    //         },
    //         {
    //           id: 10,
    //           name: 'Level three 1-1-2',
    //         },
    //       ],
    //     },
    //   ],
    // },
   
//   ]


  onMounted(async()=>{
    const res=await getFunctionNamesTreeApi()
    authList.value=res.data
  })
</script>

<template>
    <el-tree
      :data="authList"
      show-checkbox
      node-key="id"
      :default-expanded-keys="[]"
      :default-checked-keys="[]"
      :props="groupProps"
    />
  </template>
  
  
  